var template = Handlebars.compile(livraisonTermineAppTemplate);
var devList = [];
var applicationList = [];
var livraisonId;

var loadLivraisonApp = function(div, livraisonApp) {
	var html = $(template(livraisonApp));
	div.html(html);
}

var loadLivraison = function(livraison) {
	$("input#name").val(livraison.name);
	if(livraison.termine){
		livraisonId = livraison.identifiant;
		$(".livraisonApp").remove();
		$("#livraisonTable").hide();
		$.each(livraison.livraisonAppList, function(key, livraisonApp) {
			var div = $("<tr/>").addClass("livraisonApp");
			loadLivraisonApp(div, livraisonApp)
			$('.footer').before(div);
		})
		$("#livraisonTable").show();
	} else {
		$("#pasTermine").show();
		$("#leReste").hide();
	}
}

var applicationNameChangeListener = function(){
	$("#name").blur( function(){
		var  livraison =  {'identifiant' : livraisonId, 'name' : $(this).val()}
		$.post('livraison',  {'json':JSON.stringify(livraison)}, function(data) {});
	});
}


var analyseAncre = function(ancre){
	$.getJSON('livraison?id='+ancre, function(livraison) {
		loadLivraison(livraison);
	});
}

var refresh = function() {
	analyseAncre(location.hash.slice(1));
}

$(function() {
	initHeader();
	$('#livraisonTermine').hide();
	applicationNameChangeListener();
	analyseAncre(location.hash.slice(1));
	$(window).bind('hashchange', function () {
		analyseAncre(location.hash.slice(1));
    });
});